﻿@model GodHelper.Models.UserModel
@{
    ViewBag.Title = "Main";
}
<link href="../../Content/css/user_main.css" rel="stylesheet" type="text/css" />
<link href="../../Content/css/user_task.css" rel="stylesheet" type="text/css" />
<link href="../../Content/css/user_contact.css" rel="stylesheet" type="text/css" />
<link href="../../Content/css/user_product.css" rel="stylesheet" type="text/css" />
<link href="../../Content/css/user_trade.css" rel="stylesheet" type="text/css" />
<link href="../../Content/css/user_usercenter.css" rel="stylesheet" type="text/css" />
<link href="../../JQ/Plug/DATE/css/zebra_datepicker_metallic.css" rel="stylesheet" type="text/css" />
<link href="../../JQ/Plug/jquery.uploadify-v2.1.0/uploadify.css" rel="stylesheet" type="text/css" />


<script src="../../JQ/Util/jquery-1.8.1.min.js" type="text/javascript"></script>
<script src="../../JQ/Util/jquery.masonry.min.js" type="text/javascript"></script>

<script src="../../JQ/Plug/DATE/javascript/zebra_datepicker.js" type="text/javascript"></script>




<script src="../../JQ/Util/Loader.js" type="text/javascript"></script>
<script src="../../JQ/UserMain/UM_Contact.js" type="text/javascript"></script>
<script src="../../JQ/UserMain/UM_Contact_Click.js" type="text/javascript"></script>
<script src="../../JQ/UserMain/UM_Task.js" type="text/javascript"></script>
<script src="../../JQ/UserMain/UM_Task_Click.js" type="text/javascript"></script>
<script src="../../JQ/UserMain/UM_Trade.js" type="text/javascript"></script>
<script src="../../JQ/UserMain/UM_Trade_Click.js" type="text/javascript"></script>

<script src="../../JQ/Plug/jquery.uploadify-v2.1.0/swfobject.js" type="text/javascript"></script>
<script src="../../JQ/Plug/jquery.uploadify-v2.1.0/jquery.uploadify.v2.1.0.min.js" type="text/javascript"></script>
<script src="../../JQ/Util/UploadImageControl.js" type="text/javascript"></script>

<script src="../../JQ/UserMain/UM_Product.js" type="text/javascript"></script>
<script src="../../JQ/UserMain/UM_Product_Click.js" type="text/javascript"></script>

<script src="../../JQ/UserMain/UM_UserCenter.js" type="text/javascript"></script>
<script src="../../JQ/UserMain/UM_UserCenter_Click.js" type="text/javascript"></script>

<script src="../../JQ/UserMain/UserMain.js" type="text/javascript"></script>
<script src="../../JQ/UserMain/UserMain_Left_Click.js" type="text/javascript"></script>

<!-- 背景 -->
<div id="background_div">
    <!-- 背景img --
    <img id="background_div_img" src="../../Content/image/usertask/ut_background.jpeg" />
    <!-- /背景img -->
</div>
<!-- /背景 -->
<!-- 左侧div onmouseover="this.className='left_div_over'" onmouseout="this.className='left_div_out'" -->
<div id="left_div" class="left_div">
    <!-- 左侧上部分div -->
    <div id="left_top_div">
        <!-- 头像 -->
        <p>
            <img id="left_img_userphoto" src="@Model.UserModel_userinfo._user_image" /></p>
        <!-- 固定按钮 -->
        <ul id="left_mosttop_ul">
            <a id="left_mosttop_ul_a"></a>
        </ul>
        <!-- 名称 -->
        <ul id="left_first_ul">
            <li id="username"><input type="text"   id="left_username_input" value="@Model.UserModel_userinfo._user_name" readonly="true" disable="true"/></li></ul>
        <!-- 功能按钮 -->
        <ul class="left_function_ul">
            <a id="left_third_ul_a" class="left_ul_a">
                <li>任务</li></a></ul>
        <ul class="left_function_ul">
            <a id="left_second_ul_a" class="left_ul_a">
                <li>朋友</li></a></ul>
        <ul class="left_function_ul">
            <a id="left_four_ul_a" class="left_ul_a">
                <li>产品</li></a></ul>
        <ul class="left_function_ul">
            <a id="left_five_ul_a" class="left_ul_a">
                <li>交易</li></a></ul>
        <ul class="left_function_ul">
            <a id="left_six_ul_a" class="left_ul_a">
                <li>个人中心</li></a></ul>
        <ul class="left_function_ul">
            <a id="left_seven_ul_a" class="left_ul_a">
                <li>注销</li></a></ul>
    </div>
    <!-- /左侧上部分div -->
</div>
<!-- /左侧上部分div -->
<!-- 右侧div -->
<div id="right_div">
    <!-- 任务 -->
    <div id="right_task_div" class="right_divpage">
        <!-- 背景 -->
        <div id="right_task_div_background_div">
            <img id="right_task_div_background_img" src="../../Content/image/usertask/ut_background.jpeg" />
        </div>
        <!-- /背景 -->
        <!-- 任务功能 -->
        <div id="rt_function_div">
            <!-- 左 -->
            <div id="rt_function_left_div">
                <!-- 任务分类控制头顶 -->
                <div id="rtf_tab_div">
                    <ul>
                        <a id="rtft_tag_ing">未完成</a> <a id="rtft_tag_ed">已完成</a>
                    </ul>
                </div>
                <!-- /任务分类控制 -->
                <!-- 添加任务 -->
                <div id="rtf_add_div">
                    <!-- 时间和联系人 -->
                    <ul class="rtf_add_detail_ul">
                        <li>时间：<input type="text" class="rtf_add_div_input" id="rtf_add_detail_addtime" maxlength="50"
                            placeholder="时间" />
                        </li>
                        <li id="rtf_add_detail_contact_li">
                            <div style="width: 220px; height: 20px; border: 0px; text-align: left;">
                                <div style="float: left; width: 70px; height: 20px;">
                                    联系人：</div>
                                <div style="float: left; width: 140px; height: 20px; border: 0px;">
                                    <input type="text" class="rtf_add_div_input" id="rtf_contact" maxlength="50" placeholder="联系人"
                                        onfocus="document.getElementById('MY_select').style.display='inline'" style="position: absolute;
                                        z-index: 2; width: 120px; height: 20px; border: 0px;" />
                                    <select name="aabb" id="MY_select" onchange="document.getElementById('rtf_contact').value=document.getElementById('MY_select').options[document.getElementById('MY_select').selectedIndex].value;"
                                        style="position: relative; float: left; z-index: 1; width: 140px; height: 20px;
                                        border: 0px; display: none;" onfocus="document.getElementById('MY_select').style.display='inline'"
                                        onblur="document.getElementById('MY_select').style.display='none'">
                                        <option value="">---请选择---</option>
                                        @{ 
                                            if (Model.UserModel_contact != null)
                                            {
                                                foreach (var item in Model.UserModel_contact)
                                                { 
                                            <option value="@item.contact_name">@item.contact_name</option>
                                                }
                                            }
                                        }
                                    </select>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!-- /时间和联系人 -->
                    <!-- 重要等级 -->
                    <ul class="rtf_add_detail_ul">
                        <li>
                            <div style="width: 220px; height: 20px; border: 0px; text-align: left;">
                                <div style="float: left; width: 48px; height: 20px; margin: 0px; padding: 0px;">
                                    重要：</div>
                                <div style="float: left; width: 140px; height: 20px; border: 0px;">
                                    <input type="text" class="rtf_add_div_input" name="username" id="rtf_add_detail_important"
                                        maxlength="50" placeholder="重要等级" onfocus="document.getElementById('rtf_add_detail_important_select').style.display='inline'"
                                        style="position: absolute; z-index: 2; width: 120px; height: 20px; border: 0px;" />
                                    <select name="aabb" id="rtf_add_detail_important_select" onchange="document.getElementById('rtf_add_detail_important').value=document.getElementById('rtf_add_detail_important_select').options[document.getElementById('rtf_add_detail_important_select').selectedIndex].value;"
                                        style="position: relative; float: left; z-index: 1; width: 140px; height: 20px;
                                        border: 0px; display: none;" onfocus="document.getElementById('rtf_add_detail_important_select').style.display='inline'"
                                        onblur="document.getElementById('rtf_add_detail_important_select').style.display='none'">
                                        <option value="">---请选择---</option>
                                        <option value="重要任务">重要任务</option>
                                        <option value="紧急任务">紧急任务</option>
                                        <option value="常规任务">常规任务</option>
                                    </select>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!-- /重要等级 -->
                    <!-- 任务备注 -->
                    <div id="rtf_content_div">
                        <input type="text" class="rtf_add_div_input" name="username" id="rtf_content_input"
                            maxlength="50" placeholder="+增加新任务(按Enter确定)" />
                    </div>
                    <!-- /任务备注 -->
                </div>
                <!-- /添加任务 -->
                <!-- 工具条 -->
                <div id="rtf_tool">
                    <!-- 更多 --
                       <a id="rtft_moretaskinfo">更多</a>
                       <!-- 更多 -->
                    <a id="rtft_scaleadd"></a>
                </div>
                <!-- /工具条 -->
                <!-- 底部未完成任务列表 -->
                <div id="rtf_inglist_div" class="rtf_tasklist_div">
                    @{
                        if (Model.UserModel_ing_task != null)
                        {
                            foreach (var item in Model.UserModel_ing_task)
                            {
                        <div class='rtf_takslist_item'>
                            <!-- 主显示 -->
                            <div class='rtf_takslist_item_mainshow'>
                                <div class='rtf_takslist_item_content_important'>
                                    <p class='rtf_takslist_item_content_important_li'>
                                    </p>
                                    <p>
                                        <a class='rtf_takslist_item_finsh'></a>
                                    </p>
                                </div>
                                <div class='rtf_takslist_item_content_div'>
                                    <p>
                                        <input type='text' class='rtf_takslist_item_content_input' name='username'  maxlength='50' placeholder='任务' value='@item.task_decript' /></p>
                                    <p>
                                        <a class='rtf_takslist_item_detail'></a>
                                    </p>
                                    <p>
                                        <a class='rtf_takslist_item_delete'></a>
                                    </p>
                                </div>
                            </div>
                            <!-- /主显示 -->
                            <!-- 任务更多信息 -->
                            <div class='rtfti_div'>
                                <!-- 时间和联系人 -->
                                <ul class='rtfti_ul'>
                                    <li>时间：<input type='text' class='rtfti_time_input' placeholder='时间' value='@item.task_time' /></li>
                                    <li>联系人：
                                        <input type='text' class='rtfti_contact_input' placeholder='联系人' value='@item.task_contact' /></li>
                                </ul>
                                <!-- /时间和联系人 -->
                                <!-- 重要等级 -->
                                <ul class='rtfti_ul'>
                                    <li>重要：<input type='text' class='rtfti_important_input' placeholder='重要等级' value='@item.task_type'  /></li>
                                    <li>状态：<input type='text' class='rtfti_state_input' placeholder='任务状态' value='@item.task_state' readOnly="true" /></li>
                                    <input type='text' class='rtfti_id_input' placeholder='ID' value='@item.task_id' readOnly="true" style=" visibility:hidden;" />
                                </ul>
                                <!-- /重要等级 -->
                            </div>
                            <!-- /任务更多信息 -->
                        </div>
                            }
                        }
                    }
                </div>
                <!-- /底部未完成任务列表 -->
                <!-- 底部已完成任务列表 -->
                <div id="rtf_edlist_div" class="rtf_tasklist_div">
                    @{
                        if (Model.UserModel_finish_task != null)
                        {
                            foreach (var item in Model.UserModel_finish_task)
                            {
                        <div class='rtf_takslist_item'>
                            <!-- 主显示 -->
                            <div class='rtf_takslist_item_mainshow'>
                                <div class='rtf_takslist_item_content_important'>
                                    <p class='rtf_takslist_item_content_important_li'>
                                    </p>
                                    <p>
                                        <a class='rtf_edtakslist_item_finsh'></a>
                                    </p>
                                </div>
                                <div class='rtf_takslist_item_content_div'>
                                    <p>
                                        <input type='text' class='rtf_takslist_item_content_input' name='username'  maxlength='50' placeholder='任务' value='@item.task_decript' readOnly="true" /></p>
                                    <p>
                                        <a class='rtf_edtakslist_item_detail'></a>
                                    </p>
                                    <p>
                                        <a class='rtf_takslist_item_delete'></a>
                                    </p>
                                </div>
                            </div>
                            <!-- /主显示 -->
                            <!-- 任务更多信息 -->
                            <div class='rtfti_div'>
                                <!-- 时间和联系人 -->
                                <ul class='rtfti_ul'>
                                    <li>时间：<input type='text' class='rtfti_time_input' placeholder='时间' value='@item.task_time' readOnly="true"/></li>
                                    <li>联系人：
                                        <input type='text' class='rtfti_contact_input' placeholder='联系人' value='@item.task_contact' readOnly="true"/></li>
                                </ul>
                                <!-- /时间和联系人 -->
                                <!-- 重要等级 -->
                                <ul class='rtfti_ul'>
                                    <li>重要：<input type='text' class='rtfti_important_input' placeholder='任务类别等级' value='@item.task_type' readOnly="true"/></li>
                                    <li>状态：<input type='text' class='rtfti_state_input' placeholder='任务状态' value='@item.task_state' readOnly="true"/></li>
                                    <input type='text' class='rtfti_id_input' placeholder='ID' value='@item.task_id' readOnly="true" style=" visibility:hidden;" />
                                </ul>
                                <!-- /重要等级 -->
                            </div>
                            <!-- /任务更多信息 -->
                        </div>
                            }
                        }
                        if (Model.UserModel_past_task != null)
                        {
                            foreach (var item in Model.UserModel_past_task)
                            {
                        <div class='rtf_takslist_item'>
                            <!-- 主显示 -->
                            <div class='rtf_takslist_item_mainshow'>
                                <div class='rtf_takslist_item_content_important'>
                                    <p class='rtf_takslist_item_content_important_li'>
                                    </p>
                                    <p>
                                        <a class='rtf_edtakslist_item_finsh'></a>
                                    </p>
                                </div>
                                <div class='rtf_takslist_item_content_div'>
                                    <p>
                                        <input type='text' class='rtf_takslist_item_content_input' name='username'  maxlength='50' placeholder='任务' value='@item.task_decript' readOnly="true"/></p>
                                    <p>
                                        <a class='rtf_edtakslist_item_detail'></a>
                                    </p>
                                    <p>
                                        <a class='rtf_takslist_item_delete'></a>
                                    </p>
                                </div>
                            </div>
                            <!-- /主显示 -->
                            <!-- 任务更多信息 -->
                            <div class='rtfti_div'>
                                <!-- 时间和联系人 -->
                                <ul class='rtfti_ul'>
                                    <li>时间：<input type='text' class='rtfti_time_input' placeholder='时间' value='@item.task_time' readOnly="true"/></li>
                                    <li>联系人：
                                        <input type='text' class='rtfti_contact_input' placeholder='联系人' value='@item.task_contact' readOnly="true"/></li>
                                </ul>
                                <!-- /时间和联系人 -->
                                <!-- 重要等级 -->
                                <ul class='rtfti_ul'>
                                    <li>重要：<input type='text' class='rtfti_important_input' placeholder='任务类别等级' value='@item.task_type' readOnly="true"/></li>
                                    <li>状态：<input type='text' class='rtfti_state_input' placeholder='任务状态' value='@item.task_state' readOnly="true"/></li>
                                    <input type='text' class='rtfti_id_input' placeholder='ID' value='@item.task_id' readOnly="true" style=" visibility:hidden;" />
                                </ul>
                                <!-- /重要等级 -->
                            </div>
                            <!-- /任务更多信息 -->
                        </div>
                            }
                        }
                    }
                </div>
                <!-- /底部已完成任务列表 -->
                <!-- 最底部图片补充 -->
                <div id="rtf_mostbottom_div">
                </div>
                <!-- /最底部图片补充 -->
            </div>
            <!-- /左 -->
            <!-- 右 -->
            <div id="rt_function_right_div">
                <!-- 右时间控件 -->
                <div id="rtf_time_div">
                    <img id="rtf_time_div_img" src="../../Content/image/usertask/uk_time.png" />
                </div>
                <!-- /右上时间控件 -->
            </div>
            <!-- /右 -->
        </div>
        <!-- /任务功能 -->
    </div>
    <!-- /任务 -->
    <!-- 联系人 -->
    <div id="right_contact_div" class="right_divpage">
    </div>
    <!-- /联系人 -->
    <!-- 产品 -->
    <div id="right_product_div" class="right_divpage">
        <!-- 背景 --
          <div id="right_product_div_background_div">
             <img id="right_product_div_background_img" src="../../Content/image/usertask/ut_background.jpeg" />
          </div>
          <!-- /背景 -->
        <!-- 所有产品信息的底容器 -->
        <div id="rp_function_div">
            <!-- 顶部产品工具条 --
            <div id="rp_toolbar_div">
            </div>
            <!-- /顶部产品工具条 -->
            <!-- 产品列表底容器 -->
            
            <!-- /产品列表底容器 -->
        </div>
        <!-- /所有产品信息的底容器 -->
    </div>
    <!-- /产品 -->
    <!-- 交易 -->
    <div id="right_trade_div" class="right_divpage">
        <!-- 背景 --
          <div id="right_trade_div_background_div">
             <img id="right_trade_div_background_img" src="../../Content/image/usertask/ut_background.jpeg" />
          </div>
          <!-- /背景 -->
        <!-- 所有交易信息的底容器 -->
        <div id="rtr_function_div">
            <!-- 顶部产品工具条 --
            <div id="rtr_toolbar_div">
            </div>
            <!-- /顶部交易工具条 -->
            <!-- 交易列表说明条 -->
            <div class="rtr_statebar_div">
                    <ul>
                        <li class="rtr_row_tradeid">交易编号</li>
                        <li class="rtr_row_tradetime">时间</li>
                        <li class="rtr_row_tradename">产品名</li>
                        <li class="rtr_row_tradesum">数量(/件)</li>
                        <li class="rtr_row_tradeprice">单价(/元)</li>
                        <li class="rtr_row_tradeaccount">总额(/元)</li>
                        <li class="rtr_row_tradecustom">客户</li>
                        <div class="rtr_row_tradedescript">
                            备注</div>
                    </ul>
                </div>
                <!-- /交易列表说明条 -->
                <!-- 交易列表添加div-->
<div class="rtr_tradeadd_div" >
    <ul>
        <li class="rtr_row_tradeid" ><input id="add_rtr_row_tradeid" value="ID" readonly="true" disabled="true" /><span class='tradeadd_manage_span' ><a class='trade_add_a'></a></span></li>
        <li class="rtr_row_tradetime">
            <input type="text" class="rt_tradetime" maxlength="50" placeholder="时间" /></li>
        <!-- 产品名 -->
        <li class="rtr_row_tradename">
            <input type="text" class="rt_productname" maxlength="50" placeholder="产品名"  />
            <a class="rt_productname_select"></a></li>
        <!-- /产品名 -->
        <li class="rtr_row_tradesum">
            <input type="text" class="rt_tradesum" maxlength="50" placeholder="数量(/件)"  /></li>
        <li class="rtr_row_tradeprice">
            <input type="text" class="rt_tradeprice" maxlength="50" placeholder="单价(/元)"  /></li>
        <li class="rtr_row_tradeaccount">
            <input type="text" class="rt_tradeamount" maxlength="50" placeholder="总额(/元)" /></li>
        <li class="rtr_row_tradecustom">
            <input type="text" class="rt_tradecustom" maxlength="50" placeholder="客户" /></li>
        <div class="rtr_row_tradedescript">
            <input type="text" class="rt_tradedescript" maxlength="50" placeholder="备注" /></div>
    </ul>
</div>
<!-- /交易列表添加div -->
            <!-- 交易列表底容器 -->
            <div class="rtr_tradelist_div">

            </div>
            <!-- /产品列表底容器 -->
        </div>
        <!-- /所有产品信息的底容器 -->
    </div>
    <!-- /交易 -->
    <!-- 个人中心 -->
    <div id="right_usercenter_div" class="right_divpage">
        <!-- 背景 --
          <div id="right_usercenter_div_background_div">
             <img id="right_usercenter_div_background_img" src="../../Content/image/usertask/ut_background.jpeg" />
          </div>
          <!-- /背景 -->
        <!-- 个人中心的底容器 -->
        <div id="ru_function_div">
            <!-- 个人中心工具条 --
            <div id="ru_toolbar_div">
            </div>
            <!-- /个人中心工具条 -->
            <!-- 个人中心底容器 -->
            <div id="ru_usercenter_fuction_div">
                <!-- 头像设置 -->
                <div id="ru_photo_div">
                    <p class="ru_usercenter_title_line">
                    </p>
                    <p id="ru_photo_title" class="ru_usercenter_title">
                        头像设置</p>
                    <div id="ru_p_photo_div">
                        <!-- 用户头像显示 -->
                        <div id="ru_g_userphoto_div">
                            <!-- 头像 -->
                            <img id="ru_g_userphoto_img_id" class="ru_g_userphoto_img" src="@Model.UserModel_userinfo._user_image" />
                            <!-- /头像 -->
                        </div>
                        <!-- /用户头像显示 -->
                        <!-- 用户头像设置 -->
                        <div id="ru_g_userphoto_set_div">
                            <p>
                              <div id="layerContainer" style="z-index: -1; width: 200px; height: 50px; background:#354; text-align:center; line-height:50px; color:#fff">
                              <div id="layer2" style="position:fixed;z-index: 4;width: 200px; height: 50px;">
                                <input type="file" id="uploadify" name="uploadify" style="position:relative; z-index:2;" />
                                </div><div id="fileQueue">
                              </div>
                              上传
                              </div>
                            </p>
                            <p id="ru_g_userphoto_setuploadingexplain_p">
                                仅支持JPG、JPEG、PNG格式（2M以下）</p>
                            <p id="ru_g_userphoto_setuploadingmoren_p">
                                你还可以使用:</p>
                            <div id="ru_systemphoto_div">
                                <li>
                                    <img class="ru_g_userphoto_img" src="../../Content/image/system/avatar/1.jpg" /></li>
                                <li>
                                    <img class="ru_g_userphoto_img" src="../../Content/image/system/avatar/2.jpg" /></li>
                                <li>
                                    <img class="ru_g_userphoto_img" src="../../Content/image/system/avatar/3.jpg" /></li>
                                    <li>
                                    <img class="ru_g_userphoto_img" src="../../Content/image/system/avatar/4.jpg" /></li>
                                    <li>
                                   
                                    <img class="ru_g_userphoto_img" src="../../Content/image/system/avatar/5.jpg" /></li>
                                    <li>
                                
                                    <img class="ru_g_userphoto_img" src="../../Content/image/system/avatar/6.jpg" /></li>

                            </div>
                        </div>
                        <!-- /用户头像设置 -->
                    </div>
                </div>
                <!-- /头像设置 -->
                <!-- 账号设置 -->
                <div class="ru_general_div">
                    <p class="ru_usercenter_title_line">
                    </p>
                    <p id="ru_general_title" class="ru_usercenter_title">
                        账号设置</p>
                    <!-- 基本信息 -->
                    <div class="ru_g_set_div">
                        <ul class="ru_g_set_ul">
                            <li class="ru_g_set_li_label">账号:</li>
                            <li class="ru_g_set_li_input"  >
                            <input type="text" class="ru_f_input" maxlength="15" id="ru_g_id" value="@Model.UserModel_userinfo._user_email" readonly="true" /></li>
                        </ul>
                        <ul class="ru_g_set_ul">
                            <li class="ru_g_set_li_label">姓名:</li>
                            <li class="ru_g_set_li_input">
                                <input type="text" id="ru_g_name" class="ru_f_input" maxlength="15" placeholder="姓名" value="@Model.UserModel_userinfo._user_name" />
                            </li>
                        </ul>
                        <ul class="ru_g_set_ul">
                            <li class="ru_g_set_li_label">年龄:</li>
                            <li class="ru_g_set_li_input">
                                <input type="text" id="ru_g_age" class="ru_f_input" maxlength="4" placeholder="年龄" value="@Model.UserModel_userinfo._user_age"  />
                            </li>
                        </ul>
                        <ul class="ru_g_set_ul">
                            <li class="ru_g_set_li_label">性别:</li>
                            <li class="ru_g_set_li_input">
                                <input type="text" id="ru_g_sex" class="ru_f_input" maxlength="4" placeholder="性别" value="@Model.UserModel_userinfo._user_sex"  />
                            </li>
                        </ul>
                        <ul class="ru_g_set_ul">
                            <li class="ru_g_set_li_label">QQ:</li>
                            <li class="ru_g_set_li_input">
                                <input type="text" id="ru_g_qq" class="ru_f_input" maxlength="15" placeholder="QQ" value="@Model.UserModel_userinfo._user_qq"  />
                            </li>
                        </ul>
                        <ul class="ru_g_set_ul">
                            <li class="ru_g_set_li_label">电话:</li>
                            <li class="ru_g_set_li_input">
                                <input type="text" id="ru_g_phone" class="ru_f_input" maxlength="15" placeholder="电话" value="@Model.UserModel_userinfo._user_phone"  />
                            </li>
                        </ul>
                        <ul class="ru_g_set_ul">
                            <li class="ru_g_set_li_label">所在地:</li>
                            <li class="ru_g_set_li_input">
                                <input type="text" id="ru_g_addr" class="ru_f_input" maxlength="50" placeholder="所在地" value="@Model.UserModel_userinfo._user_addr"  />
                            </li>
                        </ul>
                        <ul class="ru_g_set_ul">
                            <li class="ru_g_set_li_label">签名:</li>
                            <li class="ru_g_set_li_input">
                                <textarea cols="50" rows="10" id="ru_myword" maxlength="75" placeholder="签名"  >@Model.UserModel_userinfo._user_ownword</textarea>
                            </li>
                        </ul>

                         <ul class="ru_safe_ul" id="ru_g_btn_ul">
                            <li class="ru_safe_btn_li"><a id="ru_g_submit" class="ru_safe_btn"  >
                                提交</a></li>
                            <li class="ru_safe_btn_li"><a id="ru_g_cancel" class="ru_safe_btn"   >
                                取消</a></li>
                        </ul>
                    </div>
                    <!-- /基本信息 -->
                </div>
                <!-- /账号设置 -->
                <!-- 安全设置 -->
                <div id="ru_safe_div">
                    <p class="ru_usercenter_title_line">
                    </p>
                    <p id="ru_safe_title" class="ru_usercenter_title">
                        安全设置</p>
                    <div id="ru_s_content_div">
                        <ul class="ru_safe_ul">
                            <li class="ru_safe_li_label">原密码:</li>
                            <li class="ru_safe_li_input">
                                <input type="password" id="input_oldpsw" class="rp_name" maxlength="50" placeholder="原密码" />
                            </li>
                        </ul>
                        <ul class="ru_safe_ul">
                            <li class="ru_safe_li_label">新密码:</li>
                            <li class="ru_safe_li_input">
                                <input type="password" id="input_newpsw" class="rp_sum" maxlength="50" placeholder="新密码" />
                            </li>
                        </ul>
                        <ul class="ru_safe_ul">
                            <li class="ru_safe_li_label">确认密码:</li>
                            <li class="ru_safe_li_input">
                                <input type="password" id="input_newpswsubmit" class="rp_price" maxlength="50" placeholder="确认密码" />
                            </li>
                        </ul>
                        <ul class="ru_safe_ul" id="changepsw_ul" >
                            <li class="ru_safe_li_label">验证码:</li>
                            <li id="ru_safe_verification_input" class="ru_safe_verification">
                                <input type="text" id="ru_safe_verificationcode_input" maxlength="4" placeholder="HTML" /></li>
                            <li id="ru_safe_verification_show" class="ru_safe_verification">
                                <input type="text" maxlength="4" placeholder="HTML" /></li>
                            <li class="ru_safe_verification"><a id="refresh_verification" class="ru_safe_btn"
                               >换一张</a></li>
                        </ul>
                        <ul class="ru_safe_ul" id="ru_safe_btn_ul">
                            <li class="ru_safe_btn_li"><a id="ru_safe_submit" class="ru_safe_btn"   >
                                提交</a></li>
                            <li class="ru_safe_btn_li"><a id="ru_safe_cancel" class="ru_safe_btn"   >
                                取消</a></li>
                        </ul>
                    </div>
                </div>
                <!-- /安全设置 -->
            </div>
            <!-- /个人中心底容器 -->
        </div>
        <!-- /个人中心的底容器 -->
    </div>
    <!-- /个人中心 -->
</div>
<!-- /右侧div -->
